@import "util.scss";//工具类css----兼容性

html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#container{
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    height: 100%;
    @include flexBox;
    @include flex-direction('column');
        .header{
            height:38px;
            width: 100%;
            font-size: 18px;
            font-weight: bold;
            .commonHeader{
                width: 100%;
                height: 100%;
                @include flexBox;
                @include flex-direction("row");
                text-align: center;
                .back{
                    width: 50px;
                    @include flex-center;
                }
                .title{
                    flex: 1;
                    @include flex-center;
                }
                .moreInfo{
                    width: 50px;
                    @include flex-center;
                }
            }
            
        }
        #content{
            width: 100%;
            overflow: auto;
           @include flex(1);
        }
        .footer{
            height:40px;
            width: 100%;
            background-color:#fff;
            border-top:1px solid #ccc;
            ul{
                width: 100%;
                height: 100%;
                 @include flexBox;
                li{
                    @include flex(1);
                    @include flex-center;
                    
                    &.active{
                        color:#f66;
                    }
                }
            }
        }
}
